﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>正在加载请稍候...</title>
    <script src="./Scripts/easyUI145/jquery.min.js" type="text/javascript"></script>
    <!--<script type="text/javascript" src="./Scripts/bootstrap/js/jquery.min.js"></script>-->
    <script type="text/javascript" src="./Scripts/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="./Scripts/bootstrap/js/jquery.cokie.min.js"></script>
    <script type="text/javascript" src="./Scripts/Cookie.js"></script>
    <script type="text/javascript" src="./Scripts/QueryString2016.js"></script>

    <link href="./Scripts/easyUI145/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="./Scripts/easyUI145/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="./Scripts/easyUI145/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="./Scripts/easyUI145/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>

    <script src="./Scripts/EasyUIUtility.js" type="text/javascript"></script>

    <link href="./Scripts/bootstrap/css/bootstrap.css" rel="Stylesheet" />
    <link rel="stylesheet" href="./Scripts/bootstrap/css/css.css" type="text/css" media="all" />

    <!-- 该文件可以被集成厂商自己定义风格,可以自己修改,以达到流程设计器与自己的系统风格统一.  -->
    <link href="../DataUser/Style/ccbpm.css" rel="Stylesheet" />
    <script src="./Scripts/jBox/jquery.jBox-2.3.min.js" type="text/javascript"></script>
    <link href="./Scripts/jBox/Skins/Blue/jbox.css" rel="stylesheet" type="text/css" />
    
    <script src="./Scripts/config.js" type="text/javascript"></script>
    <script src="./Scripts/commonYangYH.js" type="text/javascript"></script>
    <script src="./Comm/Gener.js" type="text/javascript"></script>
    <script src="./CCForm/MapExt2016.js" type="text/javascript"></script>
    <script src="MyFlowGener.js" type="text/javascript"></script>
    <script src="MyFlowTree2017.js" type="text/javascript"></script>
    <style type="text/css">
        a:link
        {
            text-decoration: none;
        }
        a:visited
        {
            text-decoration: none;
        }
        a:hover
        {
            text-decoration: underline;
        }
        a:active
        {
            text-decoration: none;
        }
        .cs-north
        {
            height: 50px;
            background: #EAF2FE;
            overflow:hidden;
        }
        .cs-north-bg
        {
            width: 100%;
            height: 58px;
        }
        .cs-west
        {
            width: 260px;
            padding: 0px;
        }
        .cs-south
        {
            height: 25px;
            background: url('themes/pepper-grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png') repeat-x;
            padding: 0px;
            text-align: center;
        }
        .cs-navi-tab
        {
            padding: 5px;
            display: block;
            line-height: 18px;
            height: 18px;
            padding-left: 16px;
            text-decoration: none;
            border: 1px solid white;
            border-bottom: 1px #E5E5E5 solid;
        }
        .cs-navi-tab:hover
        {
            background: #FFEEAC;
            border: 1px solid #DB9F00;
        }
        .cs-tab-menu
        {
            width: 120px;
        }
        .cs-home-remark
        {
            padding: 10px;
        }
        .wrapper
        {
            float: right;
            height: 30px;
            margin-left: 10px;
        }
        .ui-skin-nav
        {
            float: right;
            padding: 0;
            margin-right: 10px;
            list-style: none outside none;
            height: 20px;
            visibility: hidden;
        }
        
        .ui-skin-nav .li-skinitem
        {
            float: left;
            font-size: 12px;
            line-height: 30px;
            margin-left: 10px;
            text-align: center;
        }
        .ui-skin-nav .li-skinitem span
        {
            cursor: pointer;
            width: 10px;
            height: 10px;
            display: inline-block;
        }
        .ui-skin-nav .li-skinitem span.cs-skin-on
        {
            border: 1px solid #FFFFFF;
        }
        
        .ui-skin-nav .li-skinitem span.gray
        {
            background-color: gray;
        }
        .ui-skin-nav .li-skinitem span.pepper-grinder
        {
            background-color: #BC3604;
        }
        .ui-skin-nav .li-skinitem span.blue
        {
            background-color: blue;
        }
        .ui-skin-nav .li-skinitem span.cupertino
        {
            background-color: #D7EBF9;
        }
        .ui-skin-nav .li-skinitem span.dark-hive
        {
            background-color: black;
        }
        .ui-skin-nav .li-skinitem span.sunny
        {
            background-color: #FFE57E;
        }
        .img-menu
        {
            height: 18px;
            width: 18px;
        }
        .space
        {
            color: #E7E7E7;
        }
        .l-topmenu-welcome
        {
            position: absolute;
            height: 24px;
            line-height: 24px;
            right: 30px;
            top: 3px;
            color: #070A0C;
        }
        #topContentDiv i.topContentDiv-i
        {
            display: block;
            width: 33px;
            height: 22px;
            background: url("Scripts/bootstrap/css/img/sanjiao_03.png") no-repeat;
            background-size: 80%;
            position: absolute;
            top: 56px;
            left: 50px;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        #Message
        {
            text-align: left;
            word-wrap: break-word;
            color: red;
        }
    </style>
    <script type="text/javascript">
        window.onbeforeunload = function close() {
            temp = 0;
            var n = window.event.screenX - window.screenLeft;
            var b = n > document.documentElement.scrollWidth - 20;
            if (b && window.event.clientY < 0 || window.event.altKey) {
                window.event.returnValue = "退出登录？"; //这里可以放置你想做的操作代码 
                temp = 1;
            }
        }

        window.onunload = function () {
            if (window.hasClickSend && opener.frameElement.contentWindow.location.href.toLowerCase().indexOf("todolist") != -1) {
                //刷新代办
                opener.frameElement.contentWindow.location.reload();
            }
        }

        //让IE8 兼容 forEach
        if (typeof Array.prototype.forEach != 'function') {
            Array.prototype.forEach = function (callback) {
                for (var i = 0; i < this.length; i++) {
                    callback.apply(this, [this[i], i, this]);
                }
            };
        }

        //删除流程
        function DeleteFlow() {

            if (window.confirm('您确定要删除吗？') == false)
                return;

            var handler = new HttpHandler("BP.WF.HttpHandler.WF_MyFlow");
            handler.AddPara("FK_Flow", GetQueryString("FK_Flow"));
            handler.AddPara("FK_Node", GetQueryString("FK_Node"));
            handler.AddPara("WorkID", GetQueryString("WorkID"));
            var str = handler.DoMethodReturnString("DeleteFlow");
            alert(str);

            if (window.parent != null) {
                window.parent.Reload();
            }

            window.close();
        }
    </script>

	<style type="text/css">
		.panel-body {
			padding-left: 15px;
			padding-top: 5px;
		}
	</style>
</head>
<body class="easyui-layout">
        <div region="north" border="true" class="cs-north">
            <div class="cs-north-bg">
                <!--底部功能按钮 发送、移交-->
                <div id="topToolBar" style="text-align: left;" class="Bar">
                </div>
            </div>
            <div id="mm3" style="width: 150px;" runat="server">
            </div>
        </div>
        <div region="west" border="true" split="true" title=" " class="cs-west">
            <ul id="flowFormTree" class="easyui-tree" data-options="animate:true,dnd:false">
            </ul>
        </div>
        <div id="mainPanle" region="center" border="true" style=" padding:0px;">
            <div id="tabs" class="easyui-tabs" fit="true" border="false" data-options="tools:'#tab-tools'">
            </div>
        </div>
    
    <!--杨玉慧加 暂时解决POP窗不好用的问题-->
    <div class="modal fade" id="returnPopValModal">
        <div class="modal-dialog" style="margin-left: auto; margin-right: auto;">
            <div class="modal-content" style="border-radius: 0px;">
                <div class="modal-header">
                    <button type="button" data-dismiss="modal" aria-hidden="true" style="background: none;border: none; float: right;">×</button>
                    <h4 class="modal-title">选择提出人</h4>
                </div>
                <div class="modal-body">
                    <iframe style="width: 100%; border: 0px; height: 400px;" id="iframePopModalForm"
                        name="iframePopModalForm"></iframe>
                    <div style="text-align: right;">
                        <button type="button" id="btnPopValCancel" class="btn" data-dismiss="modal">取消</button>
                        <button type="button" id="btnPopValOK" class="btn" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!--下拉框选项提示信息-->
    <div class="popover fade top in" role="tooltip" id="div_NoticeInfo" style="top: 24.01042366027832px;
        left: 304.98961639404297px; display: none;">
        <div class="arrow" style="left: 50.22522522522522%;">
        </div>
        <h3 class="popover-title">
            <span>title</span><span style="color: white; opacity: 1; float: right; cursor: pointer;"
                id="span_CloseNoticeInfo">×</span></h3>
        <div class="popover-content">顶部的 Popover 中的一些内容</div>
    </div>
    <!--杨玉慧加  附件弹出窗口-->
    <div class="modal fade" id="athModal">
        <div class="modal-dialog">
            <div class="modal-content" style="border-radius: 0px;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: white;
                        opacity: 1; display: none;">×</button>
                    <h4 class="modal-title">选择附件</h4>
                </div>
                <div class="modal-body">
                    <iframe style="width: 100%; border: 0px; height: 400px;" id="iframeAthForm" name="iframeAthForm"></iframe>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!--杨玉慧加  中间导航-->
    <iframe id="navIframe" style="display: none;"></iframe>
    <div>
        <iframe id="hisIframe" style="width: 100%; display: none;"></iframe>
    </div>
    <!--杨玉慧加   提示信息弹出窗口-->
    <div class="modal fade" id="msgModal" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content" style="border-radius: 0px;">
                <div class="modal-header">
                    <button type="button" class="close" id="btnMsgModalOK1" aria-hidden="true" style="color: white;opacity: 1; display: none;">×</button>
                    <h4 class="modal-title">提示信息</h4>
                </div>
                <div class="modal-body" style="text-align: left; word-wrap: break-word;">
                    <div style="width: 100%; border: 0px; height: 400px;" id="msgModalContent" name="iframePopModalForm"></div>
                    <div style="text-align: right;">
                        <button type="button" id="btnMsgModalOK" class="btn" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <div id="ShowPFlow" style="display: none;">
        <button id="btnShowPFlow" value="查看父流程信息" style="float: left;">查看父流程信息</button>
    </div>
    <!--之前返回的信息-->
    <div id="lastOptMsg">
    </div>

    <div class="modal fade" id="MessageDiv">
        <div class="modal-dialog" style="margin-left: auto; margin-right: auto; width: 800px;">
            <div class="modal-content" style="border-radius: 0px;">
                <div class="modal-header">
                    <button type="button" data-dismiss="modal" aria-hidden="true" style="background: none;border: none; float: right;">×</button>
                    <h4 class="modal-title">提示</h4>
                </div>
                <div class="modal-body">
                    <div id='Message'>
                    </div>
                    <div style="text-align: right;">
                        <button type="button" class="btn" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</body>
</html>